<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1a5a5a5/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1,width=device-width">
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">

    <title>天天运气旺</title>
    <link rel="icon" type="images/png" href="__ROOT__/public/ForegroundTemplate/images/vip.png" />
    <meta name="keywords" content="天天运气旺" />
    <meta name="description" content="天天运气旺" />

    <!-- 功能样式 -->
    <link type="text/css" rel="stylesheet"  href="__ROOT__/public/ForegroundTemplate/css/style.css"/><!-- 公用样式 -->
    <link type="text/css" rel="stylesheet"  href="__ROOT__/public/ForegroundTemplate/css/index.css"/><!-- 首页样式 -->

    <script src="__ROOT__/public/ForegroundTemplate/js/jquery-1.8.3.min.js"></script><!-- 公用 -->
    <!-- 功能样式 -->

    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->

</head>

<body>

<!-- 搜索 -->
<div id="search" class="clearfix">
    <a class="prev fl" href="javascript:history.go(-1);" title="后退">&lt;</a>
    <div class="head fl">确认订单</div>
</div>
<!-- 搜索 -->
<style>
    .ddxq{ width:90%; overflow:hidden; margin:0 2%; padding:0 3%; padding-bottom:10px; background:#fff; border:1px solid #eee; margin-top:10px;}
    .ddxq h4{ display:block; line-height:50px; border-bottom:1px solid #a5a5a5; font-size:14px; color:#3b3b3b;}
    .ddxq h4 span{ float:right; line-height:50px; color:#3b3b3b;}
    .ddxq p{ display:block; overflow:hidden; line-height:40px; font-size:14px; color:#3b3b3b;}
    .ct-4{ padding-bottom:30px;}
    .ddxq p em{ display:block;}
    .ddxq p em.a{ line-height:20px; padding-top:5px;}
    .ddxq p em.a i{ padding-left:10px;}
    .ddxq p span{ display:block; line-height:30px;}
    .ddxq p span i{padding-right:10px;}

    .fans{ width:96%; overflow:hidden; margin:0 2%; background:#fff; border:1px solid #eee; margin-top:10px;}
    .fans li{ width:94%; overflow:hidden; margin:0 3%; padding:10px 0; border-bottom:1px solid #a5a5a5;}
    .fans li img{ float:left; width:40px; height:40px; margin-right:10px; background:#3b3b3b;}
    .fans li p,.fans li span,.fans li i,.fans li a{ float:left; font-size:14px; line-height:40px;}
    .fans li p{ color:#3b3b3b;}
    .fans li i{ color:#3b3b3b;}
    .fans li span{ color:#3b3b3b;}
    .fans li a{ float:right; width:150px; height:20px; color:#a5a5a5; margin:10px 0; line-height:18px; padding-left:10px; border:1px solid #a5a5a5; background:url(__ROOT__/public/ForegroundTemplate/images/ioco9.png) 145px center no-repeat}
    .fans li input{ width:100%;}

    .zffs li{ overflow:hidden; padding:10px 0;}
    .zffs li img{ width:60px; height:60px; margin-right:10px;}
    .zffs li em{ display:block;}

    .ddxq li{ position:relative;}
    /* 不确定修改 */
    .gwc{ width:90%; overflow:hidden; margin:0 2%; background:#fff; border:1px solid #eee; margin-top:10px; padding:0 3%;}
    .gwc li{ position:relative; overflow:hidden; padding:16px 0; border-bottom:1px solid #a5a5a5;}
    .gwc img{ float:left; width:65px; height:65px; background:#a5a5a5; margin-right:5px;}
    .gwc .fl span{ position:relative; display:block; font-size:13px; margin-bottom:5px; color:#a5a5a5;}
    .gwc a{ float:right; line-height:65px; font-size:12px; color:#a5a5a5;}
    .chk_1 {display:none;}
    .chk_1 + label { float:left; position: relative; overflow:hidden; padding-left:30px; background:url(__ROOT__/public/ForegroundTemplate/images/ioco4.png) center left no-repeat;}
    .chk_1:checked + label:after { position:absolute; top:0; left:0;width:100%;height:100% ;content: '\2714';line-height:999px;overflow:hidden;color: #1d52f1;  background:url(__ROOT__/public/ForegroundTemplate/images/ioco10.png) center left no-repeat;}
    .jiage{ position:absolute; top:63px; left:70px; overflow:hidden; z-index:1;}
    .jiage p{ float:left; font-size:12px; line-height:20px; color:#a5a5a5;}
    .jiage .danjia{ margin-right:15px;}
    .jiage .p_num { display:block; width: 50px; height: 20px;}
    .jiage .sy_num,.jiage .sy_minus,.jiage .sy_plus{ float:left; overflow:hidden; text-align: center; line-height:16px; color:#e1252c;}
    .jiage .sy_minus,.sy_plus { width: 10px; color:#e1252c !important; cursor: pointer; font-size:14px;}
    .jiage .sy_num { width:30px; line-height:20px;}
    .gwc-2{ padding:5px 3%;}
    .gwc-2 label{ float:left; width:20%; font-size:14px; line-height:26px; color:#a5a5a5;}
    .gwc-2 i{ float:right; width:40%; line-height:26px; text-align:right; font-size:12px; color:#1d52f1;}
</style>
<!-- 内容 -->
<div id="switch">

    <div id="cont" class="clearfix">
        <form action="" method="post">
            <div class="gwc ddxq mt15">
                <h4><p>收货地址</p></h4>
                <ul>
                    <li class="bt0">
                        <input type="radio" id="checkbox_a1" value="{$voi.id}" name="dizhi" class="chk_1" checked />
                        <label for="checkbox_a1">
                	<span class="fl">
                        <span class="color3b" style=" display:inline-block;">{$voi.add_name}</span>
                        <span style=" display:inline-block; padding-left:15px;">{$voi.add_tel}</span>
                        <span style=" display:block;">{$voi.add_city} {$voi.add_xiangxi}</span>
                    </span>
                        </label>
                    </li>
                </ul>
            </div>
            <div class="gwc ddxq mt10">
                <h4><p>商品清单</p></h4>
                <ul class="zffs">
                    <li class="bt0">
                        <img src="__ROOT__/data/upload/{$vo.goods_thumb}" alt="" />
                        <span class="fl">
                    <span class="color3b">商品名</span>
                    <span style="color: red;">{$vo.goods_name}</span>
                </span>
                        <div class="jiage">
                            <p class="danjia">单价：{$vo.goods_xiaoshou}元</p>
                            <p class="p_num">
                                <span class="sy_minus" id="sy_minus_gid1">-</span>
                                <input type="text" name="number1" value="0" class="sy_num" id="sy_num_gid1" readonly />
                                <span class="sy_plus" id="sy_plus_gid1">+</span>
                            </p>
                            <p style="display:none;">需支付：0元</p>
                        </div>
            </div>
            </li>
            </ul>
    </div>
    <div class="fans mt10">
        <ul>
            <li><span class="fl">运费(包邮）</span><span class="color1d fr">￥{$vo.goods_youfei}</span></li>
            <li class="bt0"><span class="color1d fr"><i>支付金额：0元</i></span></li>
        </ul>
    </div>
    <input type="submit" id="submit" onclick="wxpay()" class="footSubmit" value="确认付款" />
    </form>
</div>
</div>
<!-- 内容 -->

<!-- javascript -->
<script type="text/javascript">

    function wxpay(){
        window.location.href='http://www.amijie.top/index.php?g=Face&m=Ding&a=wechatpay';
    }

    $(document).ready (function ()
    {
        var pl = $("i:last");
        var reg = /(.*[\:\：]\s*)([\+\d\.]+)(\s*元)/g;
        $ (".sy_minus").click (function ()
        {
            var me = $ (this), txt = me.next (":text"), pc = me.closest("p");
            var val = parseFloat (txt.val ());
            val = val < 1 ? 1 : val;
            txt.val (val - 1);
            var price = parseFloat (pc.prev("p").text().replace(reg,'$2')) * txt.val ();
            pc.next("p").text (pc.next("p").text().replace(reg, "$1" + price + "$3"));
            var sum = 0;
            $(".p_num").next("p").each(function (i, dom)
            {
                sum += parseFloat ($(this).text().replace(reg, "$2"));
            });
            pl.text(pl.text().replace(reg, "$1" + sum + "$3"));
        });

        $(".sy_plus").click (function ()
        {
            var me = $ (this), txt = me.prev (":text"), pc = me.closest("p");
            var val = parseFloat (txt.val ());
            txt.val (val + 1);
            var price = parseFloat (pc.prev("p").text().replace(reg,'$2')) * txt.val ();
            pc.next("p").text (pc.next("p").text().replace(reg, "$1" + price + "$3"));
            var sum = 0;
            $(".p_num").next("p").each(function (i, dom)
            {
                sum += parseFloat ($(this).text().replace(reg, "$2"));
            });
            pl.text(pl.text().replace(reg, "$1" + sum + "$3"));
        });
    })[0].onselectstart = new Function ("return false");
</script>
<!-- javascript -->
</body>
</html>
